<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="resource/css/animate.css" rel="stylesheet" type="text/css">
    <link href="resource/css/main.css" rel="stylesheet" type="text/css">
    <link href="resource/css/swiper.css" rel="stylesheet" type="text/css">
</head>
<body class="home">
<div class="logo">
    <img src="resource/image/in%20logo.png">
</div>
<div class="language">
    <ul>
        <li>
            <a href="search.html"><i class="icon search_icon"></i></a>
            <input type="text" placeholder=" Search 搜索">
        </li>
        <li>
            Eng
        </li>
        <li>
            中文
        </li>
    </ul>
</div>
<div class="close animated">
    X CLOSE 关闭
</div>
<div class="btn">
    <div class="round round1"></div>
    <div class="round round2"></div>
</div>
<div class="menu">
    <div class="close_menu">
        <img src="resource/image/cancel.png">
    </div>
    <ul>
        <li class="li_1 animated"><a href="index.html">HOME</a></li>
        <li class="li_2 animated"><a href="product.html">WORKS</a></li>
        <li class="li_3 animated">EXPERIMENTS</li>
        <li class="li_4 animated"><a href="about.html">ABOUT</a> </li>
    </ul>
</div>
<!--首页-->
<div class="page_1">
    <div id="product" class="product">
        <div class="swiper-container product-group gallery-top">
            <div class="swiper-wrapper">
                <div class="swiper-slide" >
                    <img src="http://onmf9x64a.bkt.clouddn.com/42fe830653178ba99a4d706314278745.jpeg?imageView2/2/format/jpg" style="width: 100%">
                    <span class="name">8</span>
                </div>
                <div class="swiper-slide" >
                    <img src="http://onmf9x64a.bkt.clouddn.com/42fe830653178ba99a4d706314278745.jpeg?imageView2/2/format/jpg" style="width: 100%">
                    <span class="name">j</span>
                </div>
                <div class="swiper-slide" >
                    <img src="http://onmf9x64a.bkt.clouddn.com/42fe830653178ba99a4d706314278745.jpeg?imageView2/2/format/jpg" style="width: 100%">
                    <span class="name">9</span>
                </div>
                <div class="swiper-slide" >
                    <img src="http://onmf9x64a.bkt.clouddn.com/42fe830653178ba99a4d706314278745.jpeg?imageView2/2/format/jpg" style="width: 100%">
                    <span class="name">4</span>
                </div>
                <div class="swiper-slide" >
                    <img src="http://onmf9x64a.bkt.clouddn.com/42fe830653178ba99a4d706314278745.jpeg?imageView2/2/format/jpg" style="width: 100%">
                    <span class="name">7</span>
                </div>
            </div>
        </div>
        <div class="cover"></div>
        <div class="case-name animated">
            <span class="text"></span>
        </div>
        <div class="line">
            <div class="swiper-container2 gallery-thumbs animated fadeInRightBig">
                <div class="swiper-wrapper">
                    <div class="swiper-slide" >
                        <div></div>
                    </div>
                    <div class="swiper-slide" >
                        <div></div>
                    </div>
                    <div class="swiper-slide" >
                        <div></div>
                    </div>
                    <div class="swiper-slide" >
                        <div></div>
                    </div>
                    <div class="swiper-slide" >
                        <div></div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script src="resource/js/jquery-3.2.1.min.js"></script>
<script src="resource/js/swiper.js"></script>
<script src="resource/js/main.js"></script>

</html>